$(".downloadApp").mouseenter(function() {
    $(".erweima").show();
})
$(".downloadApp").mouseleave(function() {
    $(".erweima").hide();
})
let navList = $(".nav-con li");
for (let i = 0; i < navList.length; i++) {
    navList[i].onmouseenter = function() {
        navList.removeClass("select");
        navList.eq(i).addClass("select");
        if (navList[i].getAttribute("class") === "nex select") {
            $(".nav-nex").siblings().hide();
            $(".nav-nex").slideDown();
            $(".nav-nex").mouseenter(function() {
                $(this).show();
            })
            $(".nav-nex").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "x select") {
            $(".nav-x").siblings().hide();
            $(".nav-x").slideDown();
            $(".nav-x").mouseenter(function() {
                $(this).show();
            })
            $(".nav-x").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "s select") {
            $(".nav-s").siblings().hide();
            $(".nav-s").slideDown();
            $(".nav-s").mouseenter(function() {
                $(this).show();
            })
            $(".nav-s").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "y select") {
            $(".nav-y").siblings().hide();
            $(".nav-y").slideDown();
            $(".nav-y").mouseenter(function() {
                $(this).show();
            })
            $(".nav-y").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "z select") {
            $(".nav-z").siblings().hide();
            $(".nav-z").slideDown();
            $(".nav-z").mouseenter(function() {
                $(this).show();
            })
            $(".nav-z").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "u select") {
            $(".nav-u").siblings().hide();
            $(".nav-u").slideDown();
            $(".nav-u").mouseenter(function() {
                $(this).show();
            })
            $(".nav-u").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "iqoo select") {
            $(".nav-iqoo").siblings().hide();
            $(".nav-iqoo").slideDown();
            $(".nav-iqoo").mouseenter(function() {
                $(this).show();
            })
            $(".nav-iqoo").mouseleave(function() {
                $(this).slideUp();
            })
        }
        if (navList[i].getAttribute("class") === "hardware select") {
            $(".nav-hardware").siblings().hide();
            $(".nav-hardware").slideDown();
            $(".nav-hardware").mouseenter(function() {
                $(this).show();
            })
            $(".nav-hardware").mouseleave(function() {
                $(this).slideUp();
            })
        }
    }
}
navList.mouseleave(function() {
    navList.removeClass("select");
})

$(".huabei").mouseenter(function() {
    $(".huabei-con ").show();
})
$(".huabei").mouseleave(function() {
    $(".huabei-con ").hide();
})
$(".new").mouseenter(function() {
    $(".new-con ").show();
})
$(".new").mouseleave(function() {
    $(".new-con ").hide();
})
$(".support .score").mouseenter(function() {
    $(".score-con ").show();
})
$(".support .score").mouseleave(function() {
    $(".score-con ").hide();
})

//放大镜
let smallImgList = $(".smallImg img");
let bigImg = $(" .shadeBox img");
let shadeBox = $(".shadeBox ");
let shade = $(".shadeBox .shade");
let wrap = $(".wrap");
let wrapImg = $(".wrapImg");

//实现点击小图时大图跟随变化功能
for (var i = 0; i < smallImgList.length; i++) {
    smallImgList.eq(i).click(function() {
        bigImg.attr("src", $(this).attr("src"));
        wrapImg.attr("src", $(this).attr("src"));
    })
}
shadeBox.mouseenter(function() {
    shade.show();
    wrap.show();
})
shadeBox.mouseleave(function() {
    shade.hide();
    wrap.hide();
})
shadeBox.mousemove(function(event) {
    var point = {
        x: event.pageX - 110,
        y: event.pageY - 240
    }
    shade[0].style.top = point.y - shade[0].offsetHeight / 2 + "px";
    shade[0].style.left = point.x - shade[0].offsetWidth / 2 + "px";

    wrapImg[0].style.top = -(point.y * 3.5) + shade[0].offsetHeight / 2 * 3.5 + "px";
    wrapImg[0].style.left = -(point.x * 3.5) + shade[0].offsetHeight / 2 * 3.5 + "px";

    if (parseInt(shade[0].style.left) < 0) {
        shade[0].style.left = 0;
        wrapImg[0].style.left = 0;
    }
    if (parseInt(shade[0].style.left) > shadeBox[0].offsetWidth - shade[0].offsetWidth) {
        shade[0].style.left = shadeBox[0].offsetWidth - shade[0].offsetWidth + "px";
        wrapImg[0].style.left = -(wrapImg[0].offsetWidth - wrap[0].offsetWidth) + "px";
    }
    if (parseInt(shade[0].style.top) < 0) {
        shade[0].style.top = 0;
        wrapImg[0].style.top = 0;
    }
    if (parseInt(shade[0].style.top) > shadeBox[0].offsetHeight - shade[0].offsetHeight) {
        shade[0].style.top = shadeBox[0].offsetHeight - shade[0].offsetHeight + "px";
        wrapImg[0].style.top = -(wrapImg[0].offsetHeight - wrap[0].offsetHeight) + "px";
    }
})


//减少按钮
$(".reduce").click(function() {
    //数量更新
    if (this.parentNode.getElementsByClassName("num")[0].innerHTML <= 1) {
        return;
    }
    this.parentNode.getElementsByClassName("num")[0].innerHTML = parseInt(this.parentNode.getElementsByClassName("num")[0].innerHTML) - 1;

    //价格更新
    $(this).closest(".details-con-r").find(".selectPhone-l")[0].innerHTML = `￥${parseInt(this.parentNode.getElementsByClassName("num")[0].innerHTML) * parseInt($(this).closest(".details-con-r").find(".jifen-l-con")[0].innerHTML)}`;
})

//增加按钮
$(".add").click(function() {
    //数量更新
    if (this.parentNode.getElementsByClassName("num")[0].innerHTML >= 5) {
        return;
    }
    this.parentNode.getElementsByClassName("num")[0].innerHTML = parseInt(this.parentNode.getElementsByClassName("num")[0].innerHTML) + 1;
    //价格更新
    $(this).closest(".details-con-r").find(".selectPhone-l")[0].innerHTML = `￥${parseInt(this.parentNode.getElementsByClassName("num")[0].innerHTML) * parseInt($(this).closest(".details-con-r").find(".jifen-l-con")[0].innerHTML)}`;
})


//评分功能
var stars = document.querySelectorAll('.stars span');
var word = document.querySelector('.word');
var grades = ["极差", "差", "一般", "良好", "优秀"];
var active = -1; //记录当前点击的是哪颗星星

for (var i = 0; i < stars.length; i++) {
    stars[i].index = i;
    stars[i].onmouseover = function() {
        setStar(this.index);
    };
    stars[i].onmouseout = function() {
        setStar(active);
    };
    stars[i].onclick = setClick;
}

function setStar(nub) {
    var name = '';
    name = nub < 2 ? 'show' : 'show2';
    for (var i = 0; i < stars.length; i++) {
        stars[i].className = i <= nub ? name : '';
    }
    word.style.display = nub < 0 ? 'none' : 'block';
    word.innerHTML = grades[nub];
}

function setClick() {
    active = this.index;
}

//发送请求
$.ajax({
    url: `${address}/details`,
    data: {
        id: parseUrl(location.href).id,
    },
    success(data) {
        data.forEach(item => {
            $(".bigImg").attr("src", item.img);
            $(".wrapImg").attr("src", item.img);
            $(".nowLocation-con p .name").html(item.name);
            $(".details-con-r h2").html(item.name);
            $(".details-con-r .good-detail").html(item.introduce);
            $(".jifen .jifen-l-con").html(`${item.price}.00`);
            $(".jifen .send span").html(item.price);
            $(".selectPhone-l").html(`￥${item.price}`);
            $(".selectPhone-r span").html(item.name);
            $(".details-content").html(item.content);
        })
    }
})

//更换小图图片
$.ajax({
    url: `${address}/simg`,
    data: {
        bigId: parseUrl(location.href).id,
    },
    success(data) {
        for (let i = 0; i < 4; i++) {
            $(".smallImg1").attr("src", data[0].smallImg);
            $(".smallImg2").attr("src", data[1].smallImg);
            $(".smallImg3").attr("src", data[2].smallImg);
            $(".smallImg4").attr("src", data[3].smallImg);
        }
    }
})




//加入购物车
$(".car-l").click(function() {
    $.ajax({
        url: `${address}/allNum`,
        data: {
            id: parseUrl(location.href).id,
            allnum: $(".phoneNum-con .num").html(),
            allprice: $(".selectPhone-l").html().slice(1),
        },
        success(data) {
            console.log(data);
        }
    })
    location.href = `${address}/shoppingCar.html?id=${parseUrl(location.href).id}`;
})



//底部二维码显示
$(".icon-weixin-copy").closest("div").mouseenter(function() {
    $(".vivo-score").show();
})
$(".icon-weixin-copy").closest("div").mouseleave(function() {
    $(".vivo-score").hide();
})
$(".icon-changyonglogo30erp").closest("div").mouseenter(function() {
    $(".vivo-pay").show();
})
$(".icon-changyonglogo30erp").closest("div").mouseleave(function() {
    $(".vivo-pay").hide();
})
$(".icon-lianjie").closest("div").mouseenter(function() {
    $(".vivo-app").show();
})
$(".icon-lianjie").closest("div").mouseleave(function() {
    $(".vivo-app").hide();
})